<template>
	<el-container>
		<el-header height="80px"><h1>花店后台系统</h1></el-header>
		<el-container>
			<el-aside width="200px">
				<Sidebar />
			</el-aside>
	    	<el-main>
	    		<router-view />
	    	</el-main>
		</el-container>
		<el-footer>Footer</el-footer>
	</el-container>
</template>

<script>
	import Sidebar from "./Sidebar.vue"
	export default {
		components: {
			Sidebar
		}
	}
</script>

<style scoped>
    body{
		opacity: 0;
	}
	.el-container {
		height: 100vh;
	}
	.el-header, .el-footer {
		background-color: #B3C0D1;
		color: #333;
		text-align: center;
		line-height: 80px;
	}

	.el-aside {
		background-color: #D3DCE6;
		color: #333;
		text-align: center;
	}

	.el-main {
		background-color: #E9EEF3;
		color: #333;
		text-align: center;
	}
</style>